<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>添加博客</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="/images/favicon.ico">
    <link href="/css/github-gist.css"
          rel="stylesheet">
    <link href="/css/base.css"
          rel="stylesheet">
    <link href="/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="/css/font-awesome.css"
          rel="stylesheet">
    <link
            href="/css/plugins/iCheck/custom.css"
            rel="stylesheet">
    <link href="/css/animate.css"
          rel="stylesheet">
    <link href="/css/style.css"
          rel="stylesheet">
    <link href="/css/index.css"
          rel="stylesheet">
    <link
            href="/css/plugins/sweetalert/sweetalert.css"
            rel="stylesheet">
    <link rel="stylesheet"
          href="/css/plugins/webuploader/webuploader.css">
    <link rel="stylesheet"
          href="/css/plugins/webuploader/webuploader-demo.css">
    <link href="/css/fakeLoader.css"
          rel="stylesheet">
    <style>
        .news_infos span {
            font-size: 13px;
        }
    </style>
</head>

<body class="white-bg" style="opacity:0">
<div id="fakeloader"></div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-content mailbox-content">
                    <div class="file-manager">
                        <a class="btn btn-block btn-primary compose-mail"
                           href="javascript:void(0);">写博客</a>
                        <div class="space-25"></div>
                        <h5>博客状态</h5>
                        <ul class="folder-list m-b-md" style="padding: 0">
                            <li><a href="javascript:void(0);"> <i
                                    class="fa fa-inbox "></i>发表<span
                                    class="s-1 label label-info pull-right">0 篇</span></a></li>
                            <li><a href="javascript:void(0);"> <i
                                    class="fa fa-file-text-o "></i>草稿<span
                                    class="s-2 label label-warning pull-right">0 篇</span></a></li>
                            <li><a href="javascript:void(0);"> <i
                                    class="fa fa-trash-o "></i>垃圾箱<span
                                    class="s-3 label label-danger pull-right">0 篇</span></a></li>
                        </ul>
                        <h5>博客分类</h5>
                        <ul class="category-list" style="padding: 0">

                        </ul>

                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-9">
            <div class="ibox float-e-margins">
                <div class="mail-box-header">
                    <div class="pull-right tooltip-demo">
                        <button id="add_draft" type="button" class="btn btn-white btn-sm"
                                data-toggle="tooltip" data-placement="top" title="存为草稿">
                            <i class="fa fa-pencil"></i> 存为草稿
                        </button>
                        <button type="button" onclick="" class="btn btn-danger btn-sm"
                                data-toggle="tooltip" data-placement="top" title="放弃">
                            <i class="fa fa-times"></i> 放弃
                        </button>
                    </div>
                    <h2>写博客</h2>
                </div>
                <div class="mail-box">
                    <div class="mail-body">
                        <form class="form-horizontal" method="post" id="commentForm">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">封面：</label>
                                <div class="col-sm-10">
                                    <a class="fancybox picPath" href="#pic" data-toggle="modal"
                                       onclick="findPicList()"> <img
                                            class="picPath animated fadeInRight"
                                            style="width: 190px; height: 115px;" alt="封面" title="点击更换封面"
                                            src="/images/mrfm.png" />
                                    </a>
                                </div>
                            </div>
                            <input type="hidden" value="/images/mrfm.png" class="imagePath">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">标题：</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="title"
                                           name="title" value="" required="" maxlength="50"
                                           aria-required="true">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">摘要：</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="introduction"
                                           name="introduction" value="" required="" maxlength="150"
                                           aria-required="true">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">类别：</label>
                                <div class="col-sm-10">
                                    <select class="form-control m-b" id="typeName" name="typeName">

                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">关键字：</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="keyword"
                                           required="" aria-required="true" name="keyword" value=""
                                           maxlength="30">
                                    <p class="help-block m-b-none">
                                        <i class="fa fa-info-circle"></i> 多个关键字之间用“;”分隔
                                    </p>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="mail-text h-200" style="width:84%;margin:0 auto;">
                        <textarea class="form-control" id="Editor1'" name="Editor1" style="color: #8a8a8a;">
                            在这里输入内容
                        </textarea>
                    </div>
                    <div class="mail-body text-right tooltip-demo">

                        <button id="prev1" type="button" class="btn btn-sm btn-primary"
                                data-placement="top" title="预览" data-toggle="tooltip">
                            <i class="fa fa-reply"></i> 预览
                        </button>

                        <button id="prev2" type="button" style="display:none"
                                onclick="prevBlog()" data-target="#myModal" data-toggle="modal">
                        </button>
                        <button id="add_draft2" type="button"
                                class="btn btn-white btn-sm" data-toggle="tooltip"
                                data-placement="top" title="存为草稿">
                            <i class="fa fa-pencil"></i> 存为草稿
                        </button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog"
             aria-hidden="true">
            <div class="modal-dialog" style="width:702px">
                <div class="modal-content animated fadeInUp">
                    <button type="button" class="close" style="margin-right:7px"
                            data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="infos" style="margin:0px;">
                        <div class="newsview" style="padding-top:0px;">
                            <h3 class="news_title"></h3>
                            <div class="news_author">
                                <span class="au01">Knight</span>
                            </div>
                            <div class="tags"></div>
                            <div class="news_about">
                                <strong>简介</strong><span class="news_intr"> </span>
                            </div>

                            <div class="news_infos"></div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <span class="add"></span>
                        <button type="button" class="btn btn-primary"
                                data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal inmodal" id="pic" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog" style="width:79.3%;margin-top:1%;">
                <div class="modal-content animated fadeInUp">
                    <button type="button" class="close" style="margin-right:7px"
                            data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div id="uploader" class="wu-example"
                         style="margin:0px 5.6% 0  5.6%;">
                        <div class="queueList">
                            <div id="dndArea" class="placeholder"
                                 style="min-height: 110px;padding-top: 0px;background:none">
                                <div id="filePicker"></div>
                                <p>或将照片拖到这里，单次最多可选300张</p>
                            </div>
                        </div>
                        <div class="statusBar" style="display:none;">
                            <div class="progress">
                                <span class="text">0%</span> <span class="percentage"></span>
                            </div>
                            <div class="info"></div>
                            <div class="btns">
                                <div id="filePicker2"></div>
                                <div class="uploadBtn">开始上传</div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-body picsList"
                         style="height:260px;overflow:scroll; padding: 0px 30px 0px 30px;">


                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- 全局js -->
<script src="/js/jquery.min.js"></script>

<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();
</script>
<script src="/js/bootstrap.min.js"></script>

<!-- 自定义js -->
<script src="/js/content.js"></script>
<script
        src="/js/plugins/sweetalert/sweetalert.min.js"></script>

<!-- Web Uploader -->
<script type="text/javascript">
    // 添加全局站点信息
    var BASE_URL = '/js/plugins/webuploader';
</script>
<script
        src="/js/plugins/webuploader/webuploader.min.js"></script>
<script
        src="/js/plugins/webuploader/webuploader-demo2.js"></script>

<!-- jQuery Validation plugin javascript-->
<script
        src="/js/plugins/validate/jquery.validate.min.js"></script>
<script
        src="/js/plugins/validate/messages_zh.min.js"></script>
<script
        src="/js/plugins/validate/form-validate-demo.js"></script>

<!-- iCheck -->
<script
        src="/js/plugins/iCheck/icheck.min.js"></script>
<script src="/js/fakeLoader.min.js"></script>
<script
        src="/js/admin/blog/addBlog.js"></script>

<script src="/js/plugins/ckeditor/ckeditor.js"></script>
</body>
</html>
